<!DOCTYPE html>
  <html>
  <head>
  <meta charset="UTF-8">
  <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
  <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
  <title>修改昵称</title>
  <link rel="stylesheet" type="text/css" href="../../css/api.css"/>
  <link rel="stylesheet" type="text/css" href="../../css/aui.css" />
  <link rel="stylesheet" type="text/css" href="../../css/aui-slide.css" />
  <link rel="stylesheet" type="text/css" href="../../css/aui-pull-refresh.css" />
  <link rel="stylesheet" type="text/css" href="../../css/style.css" />
  </head>
  <style>
     #app{
       width: 100%;
       background: #f2f2f5;
     }
     #app .input_box{
        width: 93.3%;
        height: 2.2rem;
        box-sizing: border-box;
        background: #fff;
        box-shadow: 0rem 0.13rem 0.13rem 0rem
      		rgba(243, 243, 243, 0.75);
      	border-radius: 0.4rem;
        margin: 0 auto;
        margin-top: 0.68rem;
     }
    input::-webkit-input-placeholder {
      /* placeholder颜色  */
      color: #b2b2b8;
      /* placeholder字体大小 */
      font-size: 0.6rem;
      /* placeholder字间距  */
      letter-spacing: 0.04rem;
    }
    #app .btn{
      width: 80%;
      height: 2.3rem;
      margin: 0 auto;
      background-image: linear-gradient(90deg,
    		#3290c6 0%,
    		#1e8ce3 0%,
    		#0a87ff 0%,
    		#5fc2b8 100%),
    	linear-gradient(
    		#cecece,
    		#cecece);
        box-shadow: 0rem 0.05rem 0.2rem 0.01rem
      		rgba(75, 180, 201, 0.6);
      	border-radius: 0.25rem;
        line-height: 2.3rem;
        text-align: center;
        color: #fff;
        font-size: 0.85rem;
        margin-top: 1.8rem;
      }
  </style>
  <body>
      <div id="app">
          <input type="text" placeholder="   快来取个有逼格的签名吧" class="input_box">
          <div class="btn">提交</div>
      </div>
  </body>
  <script type="text/javascript" src="../../script/api.js"></script>
  <script type="text/javascript" src="../../script/zepto.js"></script>
  <script type="text/javascript" src="../../script/vue.min.js"></script>
  <script type="text/javascript" src="../../script/aui-tab.js"></script>
  <script type="text/javascript" src="../../script/aui-scroll.js"></script>
  <script type="text/javascript" src="../../script/aui-slide.js"></script>
  <script type="text/javascript" src="../../script/aui-pull-refresh.js"></script>
  <script type="text/javascript">
      apiready = function(){

      };
  </script>
  </html>
